<template>
	<view class="grace-body">
		<view class="grace-margin-top">
			<text class="grace-title">价格说明</text>
		</view>
		<view>
			<text  class=" grace-h3">10元每次，每次最长使用10小时。</text>
		</view>
		<view class="grace-margin-top">
			<text class="grace-title">押金说明</text>
		</view>
		<view>
			<text  class="grace-h3">设备押金200元，设备归还后，押金原路退还。</text>
		</view>
		<view class="grace-margin-top">
			<text class="grace-title">取用设备</text>
		</view>
		<view>
			<text  class="grace-h3">支付成功后，设备自动弹出。</text>
		</view>
		<view class="grace-margin-top">
			<text class="grace-title">归还设备</text>
		</view>
		<view>
			<text  class="grace-h3">设备正面向上，推入机柜，听到滴的提示音归还成功。</text>
		</view>
		
		<view class="grace-margin-top" style="margin-top: 50%;">
			<button form-type="submit" type="primary" class="grace-button" @tap="buy">
				租借
			</button>
		</view>
	</view>
	

	
</template>
<script>
import gracePage from "../../graceUI/components/gracePage.vue";
var _self;
export default {
	data() {
		return {
			itemNull: false,
			userImage : "../../static/logo.png",
			mainColor : '',
			appName : '',
			appDes : "",
			phone : "未登录",//没有登录时显示
			userInfoData : "",
			items: [
				[0, '', '使用时长'],
				[0, '', '告警次数']
			],
			list1:[],
			list1Str:'油箱监控,远程通知',
			version:"",
			token:""
		}
	},
	onLoad: async function(e){
		_self = this;
		
	},
	onShow:function(e){

	},	
	methods:{
		buy : function(){
			_self.userInfoData = _self.$myFunction.appStorage('wuLuUserInfo');
			if(!_self.userInfoData){
				uni.showToast({title: '您未登录',icon: 'none'});//默认显示1500毫秒
				setTimeout(function () {
					uni.navigateTo({
						url:"../loginReg/index"
					})	
				}, 1500);
			}else{
				uni.navigateTo({
					url:"../order/add"
				})
			}			
		}
	},
	components:{
		gracePage
	}
}
</script>
<style>

</style>